import $Element from "@/core/Element";
import { DOMcreateElement } from "@/core/jsxFactory";


export default class ResultPad extends $Element {
    private hsl: string = "";
    private rgb: string = "";
    private hex: string = "";
    private container: $Element;
    constructor(container: $Element) {
        super(<ul>
            <li>
                HSL:<span id="hsl-container"></span>
            </li>
            <li>
                RGB:<span id="rgb-container"></span>
            </li>
            <li>
                HEX:<span id="hex-container"></span>
            </li>
        </ul>)
        this.container = container;
        this.container.appendChild(this);
    }
    setContent(color: { RGB: string, HSL: string, HEX: string }) {

        const hsl = new $Element("#hsl-container");
        hsl.setHTML(color.HSL);
        const rgb = new $Element("#rgb-container");
        rgb.setHTML(color.RGB);
        const hex = new $Element("#hex-container");
        hex.setHTML(color.HEX);
    }
}